*{box-sizing:0;margin:0;padding:0}
body{background:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#383838));background:linear-gradient(to right,#fff 50%,#383838 50%);font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:1.5;color:#fff}
div{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100vh;max-width:1000px;width:calc(100% - 4rem);margin:0 auto}
div>*{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100vh;max-width:500px;width:100%;padding:2.5rem}
aside{background-image:url(../img/right-edges.png);background-position:top right;background-repeat:no-repeat;background-size:25px 100%}
aside img{display:block;height:auto;width:100%}
main{text-align:center}
main h1{font-family:"Fontdiner Swanky",cursive;font-size:4rem;color:#c5dc50;margin-bottom:1rem}
main p{margin-bottom:2.5rem}
main p em{font-style:italic;color:#c5dc50}
main button{font-family:"Fontdiner Swanky",cursive;font-size:1rem;color:#383838;border:none;background-color:#b1c347;padding:1rem 2.5rem;-webkit-transform:skew(-5deg);transform:skew(-5deg);-webkit-transition:all .1s ease;transition:all .1s ease}
main button a{text-decoration:none;color:#000}
main button:hover{background-color:#c5dc50;-webkit-transform:scale(1.15);transform:scale(1.15)}
@media (max-width:700px){body{background:#383838;font-size:16px}
div{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column}
div>*{max-width:700px;height:100%}
aside{background-image:none;background-color:#fff}
aside img{max-width:300px}
}
